.list-container {
  height: 100%;
    ul {
      background: #fff;
      li.list-item {
        display: flex;
        padding: .15rem;
        @include border(0 0 1px 0, #e8e8e8);
  
        img {
          width: .79rem;
          height: .9rem;
          padding-right: .1rem;
        }
  
        .item-desc {
          .item-title{
            font-size: .17rem;
            color: #333;
            @include ellipsis();
          }
          flex: 1;
          width: 100%;
          overflow: hidden;
          .item-info {
            line-height: .3rem;
            display: flex;
            .item-pos {
              flex: 1;
              font-size: .13rem;
              @include ellipsis();
              em{
                font-size: .15rem;
                color: #faaf00;
              }
            }
            
            .item-score{
              display: inline-block;
              width: .47rem;
              height: .27rem;
              background: #f03d37;
              text-align: center;
              line-height: .27rem;
              color: white;
              font-size: .12rem;
            }
          }
  
          .item-star {
            font-size: .13rem;
            color: #666;
            @include ellipsis();

          }
          .item-num {
            font-size: .13rem;
            color: #666666;
            @include ellipsis();
            
            
          }
        }
      }
    }  
  }

 